<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- meta data -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <!-- title of site -->
    <title>Sign in</title>
    <th:block th:replace="fragments/ctxPath::ctxPath"></th:block>
    <!-- For favicon png -->
    <link rel="shortcut icon" type="image/icon" th:href="@{/bootstrap/logo/favicon.png}"/>
    <!--font-awesome.min.css-->
    <link rel="stylesheet" th:href="@{/bootstrap/css/font-awesome.min.css}" type="text/css"/>
    <!--animate.css-->
    <link rel="stylesheet" th:href="@{/bootstrap/css/animate.css}">
    <!--bootstrap.min.css-->
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
    <!--style.css-->
    <link rel="stylesheet" th:href="@{/bootstrap/css/style.css}">
    <!--responsive.css-->
    <link rel="stylesheet" th:href="@{/bootstrap/css/responsive.css}">
    <link rel="stylesheet" th:href="@{/bootstrap/font-awesome/css/font-awesome.min.css}">
    <!--div layer css-->
    <link rel="stylesheet" th:href="@{/bootstrap/css/my-layer-div.css}">
</head>
<body>
<!-- signin end -->
<section class="signin">
    <div class="container">
        <div class="sign-content">
            <h2>有<span class="yuan">猿</span>, 自远方来</h2>
            <div class="row">
                <div class="col-sm-12">
                    <div class="signin-form">
                        <form id="login-form">
                            <div class="form-group">
                                <label for="signin_form1">用户名</label>
                                <input name="username" type="text" class="form-control" id="signin_form1"
                                       placeholder="请输入您的用户名">
                            </div><!--/.form-group -->
                            <div class="form-group">
                                <label for="signin_form2">密码</label>
                                <input name="password" type="password" class="form-control" id="signin_form2"
                                       placeholder="请输入您的密码">
                            </div><!--/.form-group -->
                        </form><!--/form -->
                    </div><!--/.signin-form -->
                </div><!--/.col -->
            </div><!--/.row -->
            <div class="row">
                <div class="col-sm-12">
                    <div class="signin-password">
                        <div class="awesome-checkbox-list">
                            <ul class="unstyled centered">
                                <li>
                                    <input class="styled-checkbox" id="styled-checkbox-2" type="checkbox"
                                           name="remember-me">
                                    <label for="styled-checkbox-2">记住密码</label>
                                </li>
                                <li>
                                    <a class="email_login_url" th:href="@{/emailLogin}">忘记用户名或密码 ?</a>
                                </li>
                            </ul>
                        </div><!--/.awesome-checkbox-list -->
                    </div><!--/.signin-password -->
                </div><!--/.col -->
            </div><!--/.row -->
            <div class="row submit">
                <div class="col-sm-12">
                    <div class="signin-footer">
                        <button type="button" class="btn signin_btn" data-toggle="modal" id="sign">
                            登入
                        </button>
                        <div class="not_login">
                            <span class="not_login_left">
                            还没账号 ?
                            <a style="color: #5a84fd;" th:href="@{/register}">注册</a>
                            </span>
                            <span class="social_login" title="微博登入">
                            <a style="font-size: 22px;"
                               href="javascript:void(0);">
                                    <i class="fa fa-weibo" aria-hidden="true"></i>
                            </a></span>
                            <span class="social_login" title="微信登入">
                            <a style="font-size: 22px;"
                               href="javascript:void(0);">
                                    <i class="fa fa-weixin" aria-hidden="true"></i>
                            </a></span>
                            <span class="social_login" title="QQ登入">
                            <a style="font-size: 22px;"
                               href="https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=101848364&redirect_uri=http://yuangfeng.top/qqLogin">
                                <i class="fa fa-qq" aria-hidden="true"></i>
                            </a></span>
                        </div>
                    </div><!--/.signin-footer -->
                </div><!--/.col-->
            </div><!--/.row -->
        </div><!--/.sign-content -->
    </div><!--/.container -->
</section><!--/.signin -->
<!-- signin end -->
<!-- Include all js compiled plugins (below), or include individual files as needed -->
<script th:src="@{/bootstrap/js/jquery.js}"></script>
<!-- Include layer component -->
<script th:src="@{/layer/layer.js}"></script>
<script th:src="@{/bootstrap/js/AjaxUtil.js}"></script>
<script th:src="@{/bootstrap/js/JSONUtil.js}"></script>
<!--modernizr.min.js-->
<script th:src="@{/bootstrap/js/modernizr.min.js}"></script>
<!--bootstrap.min.js-->
<script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
<!-- bootsnav js -->
<!--<script th:src="@{/bootstrap/js/bootsnav.js}"></script>-->
<!-- jquery.sticky.js -->
<script th:src="@{/bootstrap/js/jquery.sticky.js}"></script>
<script th:src="@{/bootstrap/js/jquery.easing.min.js}"></script>
<!--Custom JS-->
<script th:src="@{/bootstrap/js/loginPage.js}"></script>

</body>
</html>